<template>
  <div class="hello">
    <a href="//www.daelui.com" target="_blank">
      <img alt="logo" src="../../assets/logo.png" width="64"/>
    </a>
    <h2>Molecule低代码分子组件开发，低代码配置的基础组件</h2>
    <ul style="padding-top:24px;">
      <li style="font-size:24px;">
        <a href="#/dev" class="d-btn d-btn-plain-primary">开发演示</a>
      </li>
      <li style="font-size:24px;">
        <a href="#/design" class="d-btn d-btn-plain-primary">设计演示</a>
      </li>
    </ul>
    <h3>资源包</h3>
    <ul>
      <li><a href="https://gitee.com/daelui/molecule" target="_blank" rel="noopener">Molecule源码库</a></li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {
    msg: {
      type: String,
      default() {
        return ''
      }
    }
  }
}
</script>

<style scoped>
.hello {
  margin-top: 48px;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  text-align: center;
}
h3 {
  margin: 40px 0 0;
}
ul {
  padding: 0;
  list-style-type: none;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #439eff;
}
</style>
